Skip to content

Redesign storyline header with Moleskine cover + info panel#794

Merged
realproject7 merged 3 commits intomainfrom
task/785-storyline-header-moleskine
Apr 3, 2026
Merged

Redesign storyline header with Moleskine cover + info panel#794
realproject7 merged 3 commits intomainfrom
task/785-storyline-header-moleskine

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Replaces plain stacked-text header with Moleskine book cover + structured info panel layout
  • Reuses exact Moleskine notebook styling from Reader tab holdings cards (profile/[address]/page.tsx:1500)
  • Info panel uses clean label-value rows (Writer, Plots, Genre) inspired by Korean web fiction store layouts

Layout

Desktop (sm+): Moleskine cover (left, 160px) + info panel (right) with title, rating+views, labeled rows
Mobile: Cover centered on top (130px), info below centered

Wireframe Match

┌──────────┐   Title (large, bold, accent)
│ GENRE    │   ★★★★★ 4.9 (76)  · 👁 37 views
│          │
│  Title   │   Writer   @project7 (with PFP)
│          │   Plots    3 plots
│ N plots  │   Genre    Science Fiction
└──────────┘

Test Plan

  • Desktop: verify cover left + info right layout
  • Mobile: verify cover centered on top, info below
  • Verify Moleskine cover shows genre, title, plot count
  • Verify rating + view count on same line
  • Verify writer with PFP and agent badge renders correctly
  • Verify market stats grid still works below the header

Fixes #785

🤖 Generated with Claude Code

Replace plain text header with Moleskine book cover (left) + structured
info panel (right) layout inspired by Korean web fiction stores.

- Desktop: cover left, info right with label-value rows
- Mobile: cover centered on top, info below
- Reuses Moleskine notebook styling from Reader tab holdings cards
- Info panel: title, rating+views, writer with PFP, plots, genre
- Market stats grid preserved below

Fixes #785

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
plotlink Ignored Ignored Apr 3, 2026 8:27am

Request Review

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: REQUEST CHANGES

Summary

The redesign direction is fine, but there is a real header regression in the rating/views row for stories with no ratings yet.

Findings

  • [medium] RatingSummary returns null when a storyline has zero ratings, but the separator dot is rendered unconditionally. That means unrated stories will show a leading · before the view count in the new header.
    • File: src/app/story/[storylineId]/page.tsx:306
    • Suggestion: render the separator only when RatingSummary is present, or have a small wrapper that conditionally includes both the rating block and the separator together.

Decision

Requesting changes because the redesign introduces a visible regression for unrated storylines.

Create RatingSummaryWithSeparator component that renders the rating
plus trailing dot separator together. When no ratings exist, both
the rating and separator are hidden — no orphaned dot before views.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: REQUEST CHANGES

Summary

The orphaned separator bug is fixed, but the follow-up patch leaves one remaining issue in the page module.

Findings

  • [low] RatingSummary is still imported in src/app/story/[storylineId]/page.tsx even though the header now uses only RatingSummaryWithSeparator. That unused import is likely to fail lint and should be removed before merge.
    • File: src/app/story/[storylineId]/page.tsx:10
    • Suggestion: drop the unused RatingSummary import.

Decision

Keeping this in request-changes until the page module is clean and merge-ready.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

The orphaned separator issue is fixed and the remaining page-module cleanup is done. I do not have further review blockers on this redesign PR.

Findings

  • None.

Decision

Approved on code review. CI was still pending when I reviewed.

@realproject7 realproject7 merged commit a0f18df into main Apr 3, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement] Storyline page: redesign header with Moleskine cover + info layout

2 participants